<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/nav.css">
</head>
<body>
<div id="signin" class="rl-modal">
    <div class="rl-modal-header">
        <button class="rl-close" type="button"></button>
        <h1>
            <span class="btn-login">登录</span>
            <span class="btn-register active-title">注册</span>
        </h1>
    </div>
    <div id="signup" class="rl-modal-body ">
        <form id="signup-form" action="">
            <div class="rlf-group">
                <input id="register-phone" type="text" class="ipt" maxlength="37" value="" placeholder="请输入注册的手机号"
                       name="phone" autocomplete="off">
                <p class="rlf-tip-wrap">请输入正确的手机号</p>
            </div>

            <div class="rlf-group has-error">
                <a href="#" class="verify-img-wrap" id="changeImg">
                    <canvas class="show-captcha" id="canvas" width="130" height="38"></canvas>
                </a>
                <input id="register-pictureCheck" type="text" class="ipt" maxlength="6" value="" placeholder="请输入验证码"
                       name="checkno" autocomplete="off">
                <p class="rlf-tip-wrap">请输入正确的验证码</p>
            </div>
            <div class="rlf-group phoneVerityBox">
                <input type="checkbox" class="auto-cbx" autocomplete="off">&nbsp;&nbsp;同意
                <a href="" class="ipt-agreement">《授教网注册协议》</a>
            </div>
            <p id="signin-globle-error"></p>
            <div class="rlf-group phoneVerityBox">
                <input id="moco-btn-register" type="button" class="moco-btn" value="注册">
            </div>
        </form>
    </div>

    <div id="register-signin" class="rl-modal-body " style="display: none">
        <form id="signin-form" action="">
            <p class="title">填写短信验证码密码完成注册</p>
            <p class="subtitle">
                短信验证码已发送至
                <span name="phone"  class="js-phoneNumber">17606556909</span>
                <!--                <input type="text" name="phone" style="display: none" value="17606556909">-->
            </p>

            <div class="rlf-group js-phoneVerityBox">
                <p class="rsSend">
                    <button type="button" class="js-register-send" state="false">重新发送</button>
                </p>
                <input id="register-checkno" type="text" class="ipt" maxlength="6" value="" placeholder="请输入短信验证码"
                       name="checkno" autocomplete="off">
                <p class="rlf-tip-wrap"></p>
            </div>
            <div class="rlf-group">
                <a class="proclaim-btn" hidefocus="true">
                    <span class="glyphicon glyphicon-eye-close"></span>
                </a>
                <input id="register-pwd" type="password" class="ipt" maxlength="16" value="" placeholder="请输入6-16位密码,区分大小写,不能用空格"
                       name="pwd" autocomplete="off">
                <p class="rlf-tip-wrap">请输入6-16位密码,区分大小写,不能用空格</p>
            </div>
            <div class="rlf-group">
                <input type="button" class="moco-btn moco-btn-register1" value="完成">
            </div>
            <p class="backNotify">返回修改手机号</p>
        </form>
    </div>

    <div class="rl-modal-body js-loginWrap" style="display: none">
        <div>
            <form id="signup-form" action="">
                <div class="rlf-group">
                    <input id="login-phone" type="text" class="ipt" maxlength="37" value="" placeholder="请输入登录的手机号"
                           name="phone" autocomplete="off">
                    <p class="rlf-tip-wrap">请输入正确的手机号</p>
                </div>
                <div class="rlf-group js-loginPassword">
                    <a class="proclaim-btn" hidefocus="true">
                        <span class="glyphicon glyphicon-eye-close"></span>
                    </a>
                    <input id="login-pwd" type="password" class="ipt" maxlength="16" value="" placeholder="请输入密码"
                           name="password" autocomplete="off">
                    <p class="rlf-tip-wrap">请输入6-16位密码,区分大小写,不能用空格</p>
                </div>
                <div class="rlf-group js-phoneVerityBox">
                    <p class="rsSend">
                        <button type="button" class="js-signin-send" state="true" >获取验证码</button>
                    </p>
                    <input id="login-checkno" type="text" class="ipt" maxlength="6" value="" placeholder="请输入短信验证码"
                           name="checkno" autocomplete="off">
                    <p class="rlf-tip-wrap">请输入6位纯数字的短信验证码</p>
                </div>
                <div class="rlf-group phoneVerityBox">
                    <input type="checkbox" class="auto-cbx auto-login" autocomplete="off">&nbsp;&nbsp;7天内自动登录
                    <a href="#" class="rlf-forget">找回密码</a>
                </div>
                <p id="login-globle-error">账号密码错误</p>
                <div class="rlf-group phoneVerityBox">
                    <input type="button" loginway="code" class="moco-btn moco-btn-login" value="登录">
                </div>
                <div class="rlf-group phoneVerityBox">
                    <span class="rlf-other" state="loginPassword">账号密码登录</span>
                </div>
            </form>
        </div>
    </div>
    <div class="rl-modal-body reg-success1" style="display: none;text-align: center">
        <span class="icon-send-success">
            <span class="glyphicon glyphicon-ok"></span>
        </span>
        <p>恭喜注册成功</p>
        <div class="rlf-group" style="text-align: center">
            <input type="text" class="moco-btn js-gotoLearn" value="返回登录">
            <div>
                <a href="">完善资料</a>
            </div>
        </div>
    </div>
</div>
<script src="../js/nav.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>